extends ../../layout/layout

block content
  .content-wrapper
    .search-condition
      .form-inline
        form#form-search
          .form-group
            label.marginR10 方案名称：
              input.form-control.form-width150(name="couponNameLike" placeholder="请输入方案名称")
          .form-group
            label.marginR10 抬头：
              input.form-control.form-width150(name="numbered", placeholder="请输入抬头")
          .form-group
            label.marginR10 使用渠道：
              select.form-control.form-width100(name="orderChannel")
          .form-group
            label.marginR10 地域范围：
              select.form-control.form-width100(name="availableCity")
          .form-group
            label.marginR10 服务类型：
              select.form-control.form-width100(name="orderType")
          //-.form-group
            label.marginR10 领取有效期：
              input.form-control.form-width200#activeData(name="vDT", placeholder="年-月-日")

    .com-op.marginT10
      button.btn.btn-default.marginR10#btn-search(type="button")
        i.fa.fa-search
        span 查询
      button.btn.btn-default.marginR10#btn-add(type="button")
        i.fa.fa-plus
        span 新建
      button.btn.btn-default.marginR10#btn-edit(type="button")
        //- i.fa.fa-edit
        span 查看/编辑

    .content-body.marginT10#table-box
      table.table#table-coupon-type
      #pager-coupon-type

block vendor_css
  link(rel='stylesheet', type="text/css", href="../../vendor/jqGrid/css/ui.jqgrid-bootstrap.css")

block self_css
  link(rel="stylesheet", type="text/css", href="../../css/marketing/coupon.css")

block vendor_js
  script(src="../../vendor/jqGrid/js/jquery.jqGrid.js")
  script(src="../../vendor/jqGrid/js/i18n/grid.locale-cn.js")
  script(src="../../vendor/laydate/laydate.js")
  script(src="../../vendor/jquery-validation-1.17.0/jquery.validate.min.js")
  script(src="../../vendor/jquery-validation-1.17.0/jquery.validate.extend.js")

block self_js
  script(src="../../js/module/marketing/coupon-type.js")

block layer
  //- 优惠券类型详情
  .layer-box#layer-type-detail
    form.mw1200.padding20#form-type-detail(name="form-type-detail", autocomplete="off")
      +couponTypeForm

mixin couponTypeForm
  .d-header 基础设置
  .padding20
    .row.form-row.form-row-sm.marginT10
      .col-xs-4
        .form-text 编号抬头：
        .form-container
          input.form-control.form-width200(name="numbered")
          .text-gray 设置代金券生成时的编码方式
      .col-xs-8
        .form-text 编号生成方式：
        .form-container.form-inline
          label.marginR10
            input(type="radio", name="codeType", value="1")
            span 按生成时间
          label.marginR10
            input(type="radio", name="codeType", value="2")
            span 排序
          label.marginR10.check-code-type.check-show 起始数字：
            input.form-control.form-width100(name="startNum")
          label.marginR10.check-code-type.check-show 累加幅度：
            input.form-control.form-width70(name="cumulativeNum")
    .row.form-row.form-row-sm
      .col-xs-4
        .form-text 代金券面额：
        .form-container.form-inline
          input.form-control.form-width200(name="money" placeholder="请输入代金券面额")
          | &ensp;元
          .text-gray 设置代金券面额
      .col-xs-4
        .form-text 方案名称：
        .form-container
          input.form-control.form-width200(name="couponName" placeholder="请输入代金券方案名称")
      .col-xs-4
        .form-text 编号：
        .form-container
          input.form-control.form-width100(name="kid" readonly)
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 最低结算金额：
        .form-container.form-inline
          input.form-control.form-width200(name="trigger")
          | &ensp;元
          .text-gray 设置订单支付金额必须大于或等于这个金额才能使用该代金券
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 是否支持折后使用：
        .form-container.form-inline
          label.marginR10
            input(type="radio", name="discountFlag", value="1")
            span 是
          label.marginR10
            input(type="radio", name="discountFlag", value="2")
            span 否
          .text-gray 设置该代金券是否支持打折后使用
    .row.form-row.form-row-sm
      .col-xs-6
        .form-text 领取有效期：
        .form-container
          input.form-control.form-width200#validityTime(name="validityTime")
          //- input(type="hidden" name="validityStartTime")
          //- input(type="hidden" name="validityEndTime")
          .text-gray 设置代金券领取有效期
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 使用有效期：
        .form-container
          label.marginR10
            input(type="radio", name="useValidityType", value="1")
            span 固定时间
          label.marginR10
            input(type="radio", name="useValidityType", value="2")
            span 领取后计时
    .row.form-row.form-row-sm#type-useTime.check-show
      .col-xs-12
        .form-text 使用期限：
        .form-container
          input.form-control.form-width200#useTime(name="useTime")
          //- input(type="hidden" name="useStartTime")
          //- input(type="hidden" name="useEndTime")
          .text-gray 设置代金券使用的固定有效期
    .row.form-row.form-row-sm#type-invalidDate.check-show
      .col-xs-12
        .form-text 失效时间设置：
        .form-container.form-inline
          input.form-control.form-width70(name="invalidDate")
          | 天
  .d-header 范围设置
  .padding20
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 业务类型：
        .form-container
          .range-set#sel-orderType
          .text-gray 选择该类型代金券适用哪种用车场景
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 用车类型：
        .form-container
          .range-set#sel-vehiclePurpose
          .text-gray 选择该代金券适用哪种车型
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 报价类型：
        .form-container
          .range-set#sel-fareType
          .text-gray 选择该代金券适用哪种报价类型
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 使用渠道：
        .form-container
          .range-set#sel-orderChannel
          .text-gray 选择该代金券适用哪些端口
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 使用者：
        .form-container
          .range-set#sel-userType
          .text-gray 配置该代金券可给哪些人使用
    .row.form-row.form-row-sm
      .col-xs-12
        .form-text 可用城市：
        .form-container
          .range-set#sel-availableCity
          .text-gray 配置该代金券可给哪些城市使用
  .d-header 其他设置
  .padding20
    .row.form-row.form-row-sm
      .col-xs-10
        .form-text 说明/备注：
        .form-container
          textarea.form-control(name="remark" placeholder="说明与备注信息")
          .text-gray 可详细说明该代金券的情况

